
@charset "utf-8";

/* 
 * ========== General ================
 * 1400基础屏障 ， 中间表单编辑盒子  1410，顶级屏障 1420，顶级确认提示盒子 1430 处理信息屏障 1440
 */

.color-red{
	color: red !important;
}
@media screen and (max-width: 999px) {
	.backBg{
		background:url(../images/backbg.png) repeat 0 0;
		width:100%;
		height:100%;
		position:fixed;
		left:0;
		top:0;
		z-index:10000;
		text-align:center;
	}
	.backBg img{ vertical-align:middle; }
	.backBg em{ 
	 	display:inline-block;
		width:1px; 
		overflow:hidden; 
		height:100%; 
		margin-left:-1px; 
		vertical-align:middle;
	}
}
@media screen and (min-width: 1000px) {
	.backBg{ display:none;}
}
body {
  overflow:hidden;
  min-width:1000px;
  height: 100%;
  background-color: #F7F7F7;
  font-family:"SimSun";
  font-size:12px !important;
  color:#444;
}
table>thead>tr>th,
table>tbody>tr>td{
	color:#444;
}

/*
 * login center
 */

.login_cent {
  position: absolute;
  overflow:hidden;
  top:80px;
  bottom:78px;
  width:100%;
  background:url(../images/loginbg.jpg) no-repeat center center fixed;
  -webkit-background-clip: border-box;
     -moz-background-clip: border-box;
          background-clip: border-box;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}
@media screen and (max-width: 767px) {
  .login_cent {
    top:120px;
    bottom:120px;
  }
}
/* Small devices (tablet) */
@media screen and (min-width: 767px) and (max-width: 992px) {}

.login_area {
  float: right;
  position:absolute;
  right:0;
  top:50%;
  margin-top:-234px;
  max-width:600px;
}
.login_area_inner {
  background-color: #ececec;
  border-radius: 8px;
  margin:10px;
}
.login_area .title {
  text-align: center;
  font-size: 22px;
  color: #cf1938;
  line-height: 84px;
}

/*
 * login form
 */
.form_block .rowds {
  margin: 0 32px;
  margin-top: 20px;
}
.form_block .rowds .fbinput {
  font-size: 16px;
  width: 230px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding-left: 64px;
  background: 21px center no-repeat;
  background-color:#ececec;
  outline:none;
}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ECECEC inset;}
.form_block .rowds.posi{ position:relative;}
.form_block .rowds.posi img.captcha_img{ 
  position:absolute;
  right:0;
  top:0;
}
.form_block .rowds span{ 
  display:block;
  width:22px;
  height:66px;
  position:absolute;
  left:20px;
  top:0;
  -webkit-background-size: 20px auto;
  background-size: 20px auto; 
  background-position: center;
  background-repeat:no-repeat;
}
.form_block .rowds .userid {background-image: url(../images/icon-user.png); }
.form_block .rowds .userpsw {background-image: url(../images/icon-lock.png);}
.form_block .rowds .captcha { background-image: url(../images/icon-captcha.png); }
.form_block .rowds img.captcha_img {
  float: right;
  margin-top: 10px;
}



/*page_index.html*/
.pull-right{
	
}

/*
 * left navbar
 */
/*
.leftnav {
  -webkit-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  position: absolute;
  width: 125px;
  height:100%;
  top: 100px;
  left: 0;
  z-index: 1031;
  background-color: #da6f76;
  background: left top no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-image: url(../images/leftside.jpg);
}
.sidebar-left-opened .leftnav {
  left: 0;
}
.leftnav .lnlinks.cur { 
  background-color: rgba(0, 0, 0, 0.15);
}
.leftnav .lnlinks .text,
.leftnav .lnlinks .icons {
  display: inline-block;
  line-height: 50px;
  font-size: 24px;
  vertical-align: top;
}
.leftnav .lnlinks {
  display: block;
  color: #fff;
}
.leftnav .lnlinks .icons{
  padding-left: 10px;
}
.leftnav .lnlinks .text {
  font-size: 14px;
  padding-left: 8px;
}
*/

/*
 * main content
 */

.inner_page_wraper {
  position:absolute;
  overflow:auto;
  width: 100%;
  height: 100%;
  padding-top: 101px;
  padding-left: 123px;
}
.innerview-right {
  position: relative; 
  min-height: 100%; 
  /*width: 100%; */
  padding-top: 3px;
  min-width:300px;
  /*z-index: 1;*/
}
/* Extra small devices (phones) */
@media screen and (max-width: 767px) {
  .inner_page_wraper {
    -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    padding-left: 0;
  }
}
/* Small devices (tablet) */
@media screen and (min-width: 767px) and (max-width: 992px) {}


/*====================record.html==============================*/

.img-circle {
  float: left;
  margin-right:10px;
  padding: 2px;
}
.noheader thead {
  display: none;
}
.list-block.nomargin {
  margin: 0;
  background-color: #fff;
}
.td_detail_box { 
  background:#fff;
  padding:15px 5px;
}
.td_detail_box .tdd_table {
  display: table;
  width: 100%;
}
.td_detail_box .tdd_table .tdd_row {
  display: table-row;
}
.td_detail_box .tdd_table .tdd_cell:first-child {
  border-left: none;
}
.td_detail_box .tdd_table .tdd_cell {
  display: table-cell;
  vertical-align: middle;
  border-left: solid 1px #d1d1d1;
}
.td_detail_box .tdd_table .tdd_counts {
  display: block;
  line-height: 32px;
  text-align: center;
}
.td_detail_box .tdd_table .tdd_counts .icon {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background:  center center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
           background-size:cover;
}
.td_detail_box .tdd_table .tdd_counts .icon.icon_pig {background-image: url(../images/icon-pig.png);}
.td_detail_box .tdd_table .tdd_counts .icon.icon_bag {background-image: url(../images/icon-bag.png);}
.td_detail_box .tdd_table .tdd_counts .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  color: #e4858e;
}
.td_detail_box .tdd_table .tdd_texts {
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #555;
  margin-top:10px;
}
@keyframes shake-little {
 0% {
 transform:rotate(7deg)
}
 2% {
 transform:rotate(-7deg)
}
 4% {
 transform:rotate(7deg)
}
 6% {
 transform:rotate(-7deg)
}
 8% {
 transform:rotate(7deg)
}
 10% {
 transform:rotate(-7deg)
}
 12% {
 transform:rotate(0deg)
}
} @-moz-keyframes shake-little {
 0% {
 transform:rotate(7deg)
}
 2% {
 transform:rotate(-7deg)
}
 4% {
 transform:rotate(7deg)
}
 6% {
 transform:rotate(-7deg)
}
 8% {
 transform:rotate(7deg)
}
 10% {
 transform:rotate(-7deg)
}
 12% {
 transform:rotate(0deg)
}
} @-webkit-keyframes shake-little {
 0% {
 transform:rotate(7deg)
}
 2% {
 transform:rotate(-7deg)
}
 4% {
 transform:rotate(7deg)
}
 6% {
 transform:rotate(-7deg)
}
 8% {
 transform:rotate(7deg)
}
 10% {
 transform:rotate(-7deg)
}
 12% {
 transform:rotate(0deg)
}
}
.td_detail_box .tdd_table .tdd_cell:hover .tdd_counts .icon_pig{
    -webkit-animation: shake-little 5s ease-in-out 0s infinite normal;
       -moz-animation: shake-little 5s ease-in-out 0s infinite normal;
        -ms-animation: shake-little 5s ease-in-out 0s infinite normal;
	        animation: shake-little 5s ease-in-out 0s infinite normal;
}
/*tobe refactor*/
.detail_texty01{
	width :100%;
}
.detail_texty01 td{
	text-align:center;
}
.detail_texty01 b{
	display:block;
	color:#ef2525;
	font-weight:100;
	text-align:left;
}
.detail_texty01 span{
	display:block;
	color:#444;
}
.detail_texty01 font{
	display:block;
	text-align:right;
	color:#999;
}
/*.detail_texty01 {
  color: #626262;
  overflow:hidden;
}
.detail_texty01 span{
  float:left;
  width:80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.detail_texty01 span b{
	color:#ef2525;
	font-weight:100;
}
.detail_texty01 font{
	float:right;
}
*//*====================course.html==============================*/

.box.cur {
  background: #d75a4a;
  color: #fff;
  border: solid 1px rgba(215, 90, 74, 1);
}
.box {
  border-radius: 6px;
  background: #fefefe;
  float: left;
  margin: 1.858736059%;
  padding: 20px 0;
  border: solid 1px rgba(0, 0, 0, 1);
  text-align: center;
  width: 29.615861214%;
  color: #282828;
}
.input_style_01 {
  font-size: 16px;
  line-height: normal;
  height: 36px;
  border-radius: 10px;
  padding: 0 16px;
  width: 80%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #c5c5c5;
  margin: 10px 0;
}
.errormsg {
  font-size: 12px;
  color: #D75A4A;
}
/*====================lessons.html==============================*/
/*tobe refactor*/
.input_row_sty1 {
  padding: 4px 0;
}

.non-publish,.publish{
	float: left;
	padding-left: 20px;
}

.non-publish{
	color:red;
}

.popupLessonEditBox .shut{
	display: block;
    background: url(../images/X.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

/*====================receipt.html==============================*/

.input-group .datepickerheader {
  position: relative;
  float:left;
  padding: 15px 2px;
}
.input-group .form-control {
  /*width:70%;*/
  /*margin-top: 10px;*/
}

/*.table>thead:first-child>tr:first-child>th {
  width: 25%;
}*/

/*====================coach.html==============================*/
.tran_man_searchwrap {
  margin: 0 5px;
  width: 95%;
}
.input_style_01.icon_search {
  width:100%;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-image: url(../images/icon-search.png);
}

.tran_man_list_wrap {
  padding: 8px;
}
.tran_man_list_wrap .row {
  margin: 8px 0;
}
.tran_man_list_wrap .each_tran_man.cur {
  box-shadow: inset 0 0 0 2px #ff5050;
}
.tran_man_list_wrap .each_tran_man {
  background-color: #fff;
  display: block;
  border-radius: 2px;
  padding: 15px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:1.3%;
  position: relative;
  cursor: pointer;
  width:32%;
  min-width:270px;
  overflow:hidden;
  float:left;
}
.tran_man_list_wrap .each_tran_man .not-bound{
	position:absolute;
	/*background:url(../images/bound.png) no-repeat 0 0;
	width:90px;
	height:90px;
	left:0;
	top:0;
	*/
	background-color:#ddd;
	color:#555;
	font-size:16px;
	text-align:center;
	width:140px;
	height:44px;
	line-height:44px;
	left:-36px;
	top:12px;
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.tran_man_list_wrap .each_tran_man dt{
	float:left;
	width:80px;
	height:80px;
	line-height:70px;
	border-radius:50%;
	overflow:hidden;
	margin-right:20px;
	box-shadow:0 0 2px #ddd;
}
.tran_man_list_wrap .each_tran_man dt img{
	width:80px;
	height:80px;
	border-radius:50%;
}
.tran_man_list_wrap .each_tran_man dd h1{
	line-height:30px;
	height:30px;
	font-size:18px;
	font-weight:100;
}
.tran_man_list_wrap .each_tran_man dd p{
	line-height:24px;
	height:24px;
	font-size:12px;
	color:#666;
	margin-bottom:0;
}
.tran_man_list_wrap .each_tran_man dd p span{
	font-size:14px;
	color:#333;
}
/*.each_tran_man .tran_man_portrait {
  position: absolute;
  width: 80px;
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:  center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  left: 15px;
  top: 15px;
  overflow: hidden;
  border-radius: 100px;
}
.each_tran_man .tran_man_detai {display: table; width: 100%;}
.each_tran_man .tmrow {display: table-row;}
.each_tran_man .tmcell {display: table-cell;vertical-align: top; line-height: 22px; font-size: 14px;}
.each_tran_man .tmcell.th {padding-right: 10px; width: 1%; white-space: nowrap; word-break: keep-all; color: #000;}
.each_tran_man .tmcell.td {color: #ababab;}
.each_tran_man .tmcell .tran_cer {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: top;
  margin-right: 4px;
  border-radius: 4px;
  overflow: hidden;
}*/

.cks {
  display: inline-block;
  height: 30px;
  color: #949494;
  border: solid 1px #c5c5c5;
  padding: 3px 16px;
  border-radius: 25px;
  cursor: pointer;
  margin: 3px;
  text-align: center;
}
.cks.cur {
  background-color: #e06a77;
  border-color: #e06a77;
  color: #fff ;
}

/*====================profile.html==============================*/
.input-group .glyphicon {
  padding: 0;
}
.input-group .btn-link {
  padding: 0;
}
.input-group .timepickerheader {
  position: relative;
  float: left;
  padding: 15px 16px;
  margin: 20px 0;
}
.textarea_style_01 {
  font-size: 18px;
  line-height: normal;
  min-height: 88px;
  border-radius: 10px;
  padding:  16px;
  margin-top: 10px;
  width: 100%;
  border: solid 1px #c5c5c5;
  resize: none;
}
.textarea_p{
	line-height:24px;
	font-size:13px;
}
.page_white_radius {
  background-color: #fff;
  border-radius: 6px;
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.sideinfo_table_wrap {
  padding: 18px 0;
}

.sideinfo_table_wrap tabe {}
.sideinfo_table_wrap table th,
.sideinfo_table_wrap table td {
  line-height: 28px;
  margin: 10px;
  font-size: 14px;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.sideinfo_table_wrap table th {
  width: 160px;
  text-align: right;
  padding-right: 20px;
}
.sideinfo_table_wrap .input-group button {
  /*margin-top: 10px;*/
  margin-left:10px;
}
.sideinfo_table_wrap .vat {
  vertical-align: top;
}
.sideinfo_table_wrap .siad {display: inline-block; vertical-align: middle; }
.sideinfo_table_wrap .siad_2 {
  background-color: #ef2525;
  border-radius: 4px;
  padding: 2px 4px;
  color: #fff;
}
.sideinfo_table_wrap #uploadsiteimg {
  width: 0;
  height: 0;
  visibility: hidden;
}
.sideinfo_table_wrap {}


/*====================modal*.html==============================*/

.modal-header,
.modal-footer {
  text-align:center;
}

/*
.modal{
	display:block;
}
.modal-dialog{
	margin-top:8%;
}
.modal-header h3{
	font-size:16px;
	font-weight:100;
}

.modal-body qr img,
.modal-body qr{
	display:block;
	width:100%;
	height:100%;
}
*/
/*
.modal-content{
	height:290px;
}*/


/*==================== general ui hacks ==============================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
  select {
    height:30px;
    line-height:30px;
    margin-top: 10px;
    background:#fff;
  }
    
  /*Modification date is 2015.09.08 chengwanliu*/
  .sflabel{
  	height:30px;
      line-height:30px;
      margin-top: 10px;
  }
}
select::-moz-focus-inner { /*Remove button padding in FF*/ 
  border: 0;
  padding: 0;
}
@-moz-document url-prefix() { /* targets Firefox only */
  select {
    /*padding: 15px 0!important;*/
	height:36px;
	line-height:36px;
	border:1px #ddd solid;
	border-radius:2px;
  }
}


/*====================ends here ==============================*/

 /*coaches.html & lessons.html & records.html & index.html*/
.hairline-bottom,
.hairline-top,
.hairline-right,
.hairline-left {
  position: relative;
}
.hairline-bottom:after,
.hairline-top:after,
.hairline-right:after,
.hairline-left:after {
  position: absolute;
  content: '';
  display: inline-block;
  border-color: #000;
}
.hairline-bottom:after,
.hairline-top:after {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.hairline-right:after,
.hairline-left:after {
  border-right-width: 1px;
  border-right-style: solid;
}
.hairline-bottom:after {width: 100%;height: 0;bottom: 0;left: 0; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;}
.hairline-top:after {width: 100%; height: 0; top: 0; left: 0; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top;}
.hairline-right:after {width: 0;height: 100%; right: 0; top: 0; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center;}
.hairline-left:after {width: 0; height: 100%; left: 0; top: 0; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center}

.alpha_line:after{opacity: 0.3;}

.eachrb > img {vertical-align: top;}
.eachrb {
  padding: 10px 0;
}
.eachrb.hairline-bottom:last-child:after {
  display: none;
}
.eachrb .title {
    font-size: 14px;
    color: #313131;
    line-height: 16px;
}
.eachrb .subtext {
  margin-top: 10px;
  opacity: .4;
}
.eachrb .title .checkmore {
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  float: right;
  color:#5eafd9;
}

/* profile.html & course.html */
.cer_block { 
  display:inline-block;
  padding: 3px 3px 15px 0;
}
.cer_block .cer_show_wrap,
.cer_block .addcer {
  display: block;
  position: relative;
  width: 102px;
  height: 102px;
  background:  center center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  border-radius: 6px;
  display:inline-block;
  float: left;
  -webkit-background-origin: content-box;
     -moz-background-origin: content-box;
          background-origin: content-box;
  margin:10px;
  margin-top:0;
}
.course_list .addcer {
	display: block;
    position: relative;
    background:  center center no-repeat;
    -webkit-background-size: cover;
	   -moz-background-size: cover;
		    background-size: cover;
    border-radius: 6px;
    display:inline-block;
    float: left;
    -webkit-background-origin: content-box;
	   -moz-background-origin: content-box;
		    background-origin: content-box;
}
.cer_block .addcer:before,
.cer_block .addcer:after,
.course_list .addcer:before,
.course_list .addcer:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #929292;
}
.cer_block .addcer:before,
.course_list .addcer:before{
  width: 40px;
  height: 2px;
  margin-left: -20px;
  margin-top: -1px;
}
.cer_block .addcer:after,
.course_list .addcer:after {
  width: 2px;
  margin-left: -1px;
  height: 40px;
  margin-top: -20px;
}
.cer_block .addcer:active {
  box-shadow: inset 0 0 12px 0 rgba(0,0,0,0.3);
  border-color: #b2b2b2 #fff #fff #b2b2b2;
}
.course_list .addcer:active {
  box-shadow: inset 0 0 12px 0 rgba(0,0,0,0.3);
  border-color: #b2b2b2;
}
.cer_block .addcer:active:before,
.cer_block .addcer:active:after,
.course_list .addcer:active:before,
.course_list .addcer:active:after {
  -webkit-transform: scale(0.85);
     -moz-transform: scale(0.85);
       -o-transform: scale(0.85);
          transform: scale(0.85);
}

/* coaches.html & courses.html & lessons.html & records.html */
.tran_table {
  width: 100%;
}
.tran_table td .editIt {
  color: #e16aec;
  cursor: pointer;
  float: right;
}
.tran_table th,
.tran_table td {
  vertical-align: middle;
  text-align: left;
  color: #333;
  font-weight:100;
  line-height:40px;
  font-size: 14px;
  padding-top:5px;
  padding-bottom:5px;
}
.tran_table th{
	color:#666;
	height:40px;
}
.tran_table th.bor,
.tran_table td.bor{
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	padding-top:10px;
	padding-bottom:10px;
}
.tran_table th.pad_b-1,
.tran_table td.pad_b-1{
	padding-bottom:10px;
}
.tran_table td .douz{
	background: transparent url("../images/sg_point.png") no-repeat scroll left center;
	display: inline-block;
	padding: 4px 0px 4px 25px;
}
.tran_table td .table_select{
	padding:0;
	margin:0;
	width:100%;
	height:36px;
	line-height:36px;
	text-indent:1em;
	border-radius:3px;
	bordeR:1px #ddd solid;
	color:#555;
}
.tran_table td .col-sm-5{
	padding-left:0;
	padding-right:0;
}
.tran_table td a.delete_course{
	float:right;
	color:#ff5050;
	font-size:14px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}
.tran_table td span.date_ckeckout{
	display:block;
	width:100px;
	height:52px;
	line-height:26px;
	text-align:center;
	border:1px #ddd solid;
	border-radius:3px;
	float:left;
	margin:5px 10px 5px 0;
	cursor:pointer;
}
.tran_table td span.date_ckeckout input{
	display:none;
}
.tran_table td span.date_ckeckout label{
	display:block;
	text-align:center;
	color:#555;
	font-weight:100;
	cursor:pointer;
}
.tran_table td span.date_ckeckout.cur{
	background:#ff5050;
}
.tran_table td span.date_ckeckout.cur label{
	color:#fff;
}
.tran_table td .table_select.price{
	text-indent:2.5em;
	background:url(../images/sg_point.png) no-repeat 15px center;
}
.tran_table td .table_select.price option{
	background:url(../images/sg_point.png) no-repeat 15px center;
	padding:8px 0 8px 44px;
	text-indent:2.5em;
}
.tran_table td .input_style_01{
	border:1px #ddd solid;
	border-radius:3px;
	padding:5px 20px;
	width:100%;
	height:36px;
	line-height:26px;
	font-size:14px;
	margin:0;
}
.tran_table td .textarea_style_01{
	border:1px #ddd solid;
	border-radius:3px;
	padding:8px 20px;
	width:100%;
	height:207px;
	line-height:24px;
	font-size:14px;
	margin:0;
	background-color:#fff;
}
.tran_table td .w-48{
	width:48%;
	margin:0;
}
.tran_table td .fl-left{
	float:left;
}
.tran_table td .fl-right{
	float:right;
}
.tran_table .prewrap img {
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 150px;
}
.tran_table th {
  vertical-align: top;
  line-height: 40px;
  width: 1%;
  white-space: nowrap;
  word-break: keep-all;
  padding-right: 10px;
}
.list-outer-wrap.noBorder {
  border: none;
}
.list-outer-wrap {
  /*border: solid 1px rgba(0, 0, 0, 0.2);*/
  overflow: hidden;
  /*border-radius: 6px;*/
}

/* ========================= third party plugin ================ */
.drop {
    padding: 15px;
    border: 2px #f1f1f1 dashed;
    border-radius: 5px;
    line-height: 34px;
}
.drop.drag-over {
    background: #5CB85C;
    color: #fff
}
.thumbnail_box{display:inline;}
.thumbnail {
    width: 102px;
    height: 102px;
    margin: 7px;
	margin-top:0;
    float: left;
    border: 1px solid #ddd;
	position:relative;
	padding:0;
}
.thumbnail img{
  display: block;
  width: 100px;
  height: 100px;
}
.profile_logo .thumbnail img{
	width:90px; 
	height:90px;
	margin-top:5px;
}
.thumbnail .fa-delete{
  position:absolute;
  right:-3px;
  top:-3px;
  display:block;
  width:16px;
  height:16px;
  line-height:16px;
  font-size:12px;
  font-weight:bold;
  border-radius:50%;
  padding:0 3px 2px;
}
.ng-table tr.emphasis td {
  background-color: #DDD;
  font-weight: bold;
}
.my-timetable{
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;   
  background: #fff;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}



/************************
  ** course new css
  ** 2015-09-15
*************************/
.course_title{
	width:100%;
	border-bottom:1px #ddd solid;
}

.course_list,
.course_list>div{
	overflow:hidden;
}
.course_mod{
	padding:0;
	border-color:#f7f7f7;
	border-radius:6px;
	background:#fff;
	overflow:hidden;
	width:250px;
	margin-right:0;
}
.course_mod h1{
	display:block;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#fff;
	margin:0;
	border-radius:3px 3px 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.course_mod p{
	padding:20px 0;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
}
.course_mod p span{
	display:inline-block;
	width:50%;
	float:left;
	text-align:center;
	line-height:30px;
	color:#333;
}
.course_mod p span b{
	display:inline-block;
	font-weight:100;
	min-width:30px;
}
.course_mod p span.bor_r{
	border-right:1px #f7f7f7 solid;
}
.course_mod p span.bor_l{
	border-left:1px #f7f7f7 solid;
}
.course_plus{
	height:163px;
	cursor:pointer;
}

.course_list_blue .course_mod:hover,
.course_list_blue .course_mod.click{
	border-color:#837ef1;
}

.course_list_blue h1{
	background:url(../images/course_hi_bg1.png) repeat;
}
.course_list_yell .course_mod:hover,
.course_list_yell .course_mod.click{
	border-color:#ffd24b;
}
.course_list_yell h1{
	background:url(../images/course_hi_bg2.png) repeat;
}
.course_list_lave .course_mod:hover,
.course_list_lave .course_mod.click{
	border-color:#e1e0f8;
}
.course_list_lave h1{
	background:url(../images/course_hi_bg3.png) repeat;
}
.nav-tabs.nav-justified{ margin:10px 0;}
.nav-tabs.nav-justified > li > a {
    display: block;
    /*border: 1px solid #ddd;*/
	border-bottom:0;
    color: #333;
    text-decoration: none;
    text-align: center;
    background-color:#fff;
    padding: 0 10px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: inherit;
    cursor: pointer;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
}
.nav-tabs.nav-justified > li > a{ border-radius:0;}
.nav-tabs.nav-justified > li > a:hover{
	color:#df5159;
	background-color:#fcdfe1;
}
.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:focus, 
.nav-tabs.nav-justified > .active > a:hover {
    /*border-bottom-color: #ff5050;*/
    background-color:#ff5050;
    color:#fff;
	border:0;
}
.tab-content{
	background:#fff;
}
.tab-content .table>thead>tr>th {
    border-bottom: 1px solid #ddd;
	color:#000;
	font-weight:100;
	padding:10px 20px;
}
.tab-content .table>tbody>tr>td{
	padding:10px 20px;
}


/*delay modify chengwanliu*/
.tab-content .table td a:hover{
	text-decoration:none;
}
/*未开始*/
.tab-content .table td .open/*,
.tab-content .table td .closed*/{
	display:block;
	border-radius:30px;
	background-repeat:no-repeat;
	width:85px;
}
.tab-content .table td .open{
	padding:5px 30px 5px 10px;
	background-color:#4dd763;
	background-image:url(../images/open.png);
	background-position:right center;
	color:#fff;
	text-align:left;
	border:1px #4dd763 solid;
	cursor:pointer;
	margin:0 auto;
}
/*已关闭的*/
.tab-content .table td .closed{
	/*padding:5px 10px 5px 30px;
	background-color:#d3d3d3;
	background-image:url(../images/open.png);
	background-position:left center;
	color:#fff;
	text-align:right;
	border:1px #e5e4e4 solid;
	box-shadow:0 0 3px #ccc inset;*/
	color:#d3d3d3;
	display:block;
	width:85px;
	text-align:center;
	margin:0 auto;
}
/*已结束的*/
.tab-content .table td .outdated,
.tab-content .table td .proceed,
.tab-content .table td .later{
	display:block;
	width:85px;
	text-align:center;
	margin:0 auto;
}
.tab-content .table td .outdated{
	color:#999;
}
/*待上课*/
.tab-content .table td .later{
	
}
/*进行中*/
.tab-content .table td .proceed,
.tab-content .table td .later{
	color: #ff5050;
	cursor:pointer
}
.tab-content .table tr.closedrecord td{
	opacity:0.5;
}
.tab-content .table td .class_diy,
.tab-content .table td .class_group,
.tab-content .table td .class_private{
	color:#fff;
	display:inline-block;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	margin-right:10px;
	border-radius:3px;
}
.tab-content .table td .class_diy{
	background-color: #c5acf9;
}
.tab-content .table td .peoples{
	color:#000;
	cursor:pointer;
}
.tab-content .table td .peoples:hover{
	color:#FF5050;
}
.tab-content .table td .class_group{
	background-color: #899bd6;
}
.tab-content .table td .class_private{
	background-color: #f7e743;
}
.tab-content .table > thead > tr > th{
	min-width:100px;
}
.tab-content .table td .douz{
	background:url(../images/sg_point.png) no-repeat left center;
	display:inline-block;
	padding:4px 0 4px 25px;
}
/* 发布课程 独立 */
.lessons-table,
.lessons-table th,
.lessons-table td{
	border:1px #ddd solid;
}
.lessons-table thead th span{
	display:block;
	line-height:18px;
}
.lessons-table > thead > tr > th{
	border:0;
	background:#ebebeb;
}
.lessons-table > thead > tr > td{
	vertical-align:middle;
	background:#956060;
	color:#fff;
	border:0;
	text-align:center;
	width:13%;
}
.lessons-table > tbody > tr > th{
	vertical-align:middle;
	text-align:center;
	height:146px;
}
.lessons-table > tbody > tr > td{
	background:#f6f6f6;
}
.lessons-table > tbody > tr > td .less_mod{
	width:100%;
	margin:0;
	border-radius:0;
	border:0;
	border-bottom:1px #ddd solid;
	line-height:16px;
	color:#333;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
}
.lessons-table > tbody > tr > td .less_mod p.color_3{
	font-size:12px;
	color:#333;
}
.lessons-table > tbody > tr > td .less_mod p.color_5{
	color:#555;
}
.lessons-table > tbody > tr > td .less_mod p{
	color:#666;
}
.lessons-table > tbody > tr > td .less_mod .header{
	text-align: right; 
	padding-right: 1em;
}

.lessons-table > tbody > tr > td .less_mod:hover .content{
	/*background:#ff5050;
	color:#fff;*/
}





.lessons-table > tbody > tr > td .less_mod:hover p.color_3,
.lessons-table > tbody > tr > td .less_mod:hover p.color_5,
.lessons-table > tbody > tr > td .less_mod:hover p{
	/*color:#fff;*/
}

.lessons-table > tbody > tr > td .less_mod:last-child{
	margin-bottom:-1px;
}
.lessons-table.table > tbody > tr > td{
	padding:0;
}

/*.lessons-table > tbody > tr > td .less_mod .op,
.lessons-table > tbody > tr > td  .op .btn-right,
{
	float: left;
    width: 49.5%;
    height: 100%;
    background: gainsboro;
}

.lessons-table > tbody > tr > td .less_mod .op .btn-right,
{
	float: right;
    width: 49.5%;
}*/
.op .btn-left,.op .btn-right{
	width: 48.5%;
	float: left;
	margin-left:1% ;
	background: gainsboro;
}

.op .btn-right{
	width: 48.5%;
	float: right;
	margin-right:1% ;
	background: gainsboro;
}
.op .btn-left:hover,.op .btn-right:hover{
	color: #FFFFFF;
	background: #FF5050 !important;
}

/*待删除*/
/*.btn-release,.btn-delete{
	position:fixed;
	right:7%;
	bottom:3%;
	z-index:999;
	background:#ff5050;
	width:90px;
	height:90px;
	line-height:84px;
	text-align:center;
	color:#fff;
	font-size:20px;
	border-radius:50%;
	border:4px #fff solid;
	box-shadow:0 5px 4px #999;
}*/


.lesson-btn-group{
	position:fixed;
	right:7%;
	bottom:10%;
	z-index:999;
	width:90px;
	/*height:90px;*/
	/*line-height:84px;*/
	text-align:center;
	color:#fff;
	font-size:20px;
	width: 360px;
}


.lesson-btn-group .btn.btn-primary{
	position: relative;
	background: #FF5050;
	border: 1px solid #FFFFFF;
	padding: 0px 12px;
}


.lesson-btn-group .btn.btn-primary .btn-child{
	padding: 6px 12px;
    display: block;
}


.lesson-btn-group .tip{
	width: 312px;
    color: black;
    border: 1px solid #FF5050;
    position: absolute;
    background: #FFFFFF;
    font-size: 12px;
    font-weight: 100;
    top: -28px;
    height: 30px;
    left:24px;
}

.lesson-btn-group .btn-left{
	float: left;
	padding-left: 30px;
}
.lesson-btn-group .btn-right{
	float: right;
	padding-right: 30px;
}

.lesson-btn-group .btn-left:hover label,
.lesson-btn-group .btn-right:hover label{
	font-weight: bolder !important;
}



.lesson-btn-group .btn.btn-primary:hover{
	background: #ac2925;
}






.close_course{
	z-index: 1420;
	width:500px;
	padding:0 50px 20px;
	position: fixed;
	top:50%;
	left: 50%;
	margin-left:-250px;
	margin-top:-18%;
	background-color: #fff;
}
.close_course h1{
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
}
.close_course table{
	width:80%;
	margin:0 auto;
}
.close_course table th{
	font-weight:100;
	font-size:13px;
	line-height:28px;
}
.close_course table td{
	line-height:20px;
}
.close_course table td textarea{
	width:100%;
	margin:5px 0;
	height:100px;
}
.close_course table td button{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	float:none;
}

/*
	弹出的询问框
*/
.confirm_box{
	width:480px;
	height:370px;
	position: fixed;
	top:50%;
	right:50%;
	z-index:1430;
	margin:-220px -270px 0 0;
	padding:20px 40px 40px;
	background-color: #fff;
}
.confirm_box h1{
	text-align:center;
}
.confirm_box p{
	text-align:center;
	font-size:16px;
}
.confirm_box p span{
	color:#ff5050;
}
.confirm_box .confirm_operate{
	width:240px;
	margin:30px auto 0;
}
.confirm_box .confirm_operate .btn{
	width:110px;
	padding:10px;
	font-size:16px;
}
.confirm_box .confirm_operate .btn.fl{
	float:left;
}
.confirm_box .confirm_operate .btn.fr{
	float:right;
}


textarea.labeld{
	/*border: none;*/
	background:#F7F7F7;
}


.parclose,.parclose_top,.sf_process{
	position:fixed;
	z-index:1400;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity:0.4;
	background-color: black;
}

.parclose_top{
	z-index: 1420;
}

.sf_process{
	z-index: 1440;
	text-align:center;
}
.sf_process img{ vertical-align:middle; }
.sf_process em{ display:inline-block; width:1px; overflow:hidden; height:100%; margin-left:-1px; vertical-align:middle;}


.container-fluid .tab-content>.tab-pane{
	padding:0 20px;
}
.message_table{
	width:100%;
}
.message_table td{
	line-height:22px;
	border-bottom:1px #ddd solid;
	padding:10px 0;
	height:auto;
	word-wrap : break-word;
	color:#444;
	word-wrap : break-word;
}
.message_table td span{
	color:#FF5050;
}
.message_table td font{
	display:block;
	text-align:right;
	color:#666;
}
/* 场馆信息 */
.profile_content .row{
	background:#fff;
	margin-left:0;
	padding-left:0;
	padding-right:0;
}
.profile_content .col-md-7{
	width:65%
}
.profile_content .col-md-4{
	width:33%;
}
.profile_content h1{
	background:#fff;
	text-align:center;
	line-height:60px;
	font-size:28px;
}
.profile_content h2{
	text-align:center;
	font-size:18px;
	line-height:30px;
	border-bottom:1px #ddd solid;
	padding-bottom:10px;
	margin-bottom:10px;
}
.profile_content h2 span{
	display:block;
	font-size:14px;
	color:#777;
	font-weight:100;
}
.profile_content table{
	width:90%;
	margin-left:5%;
}
.profile_content th{
	text-align:right;
	font-zie:14px;
	color:#666;
	height:40px;
	line-height:40px;
	vertical-align:top;
	font-weight:100;
	padding-right:10px;
}
.profile_content td{
	font-size:14px;
	color:#333;
	line-height:40px;
	vertical-align:top;
}
.profile_content td .input_style_01{
	font-size:14px;
	color:#444;
	height:40px;
	line-height:40px;
	border-radius:5px;
	margin-bottom:25px;
}
.profile_content td .table_select{
	height:40px;
	line-height:40px;
	width:80%;
	margin-right:10px;
	border-radius:5px;
	border:1px #ddd solid;
	margin-bottom:10px;
}
.profile_content td p.sis{
	color:#666;
}
.profile_content td .tel{
	line-height:38px;
	padding:0 10px;
	border-radius:5px;
	margin:10px 0;
	border:1px #ddd solid;
}
.profile_content td .textarea_style_01{
	border:1px #ddd solid;
	background:#fff;
	border-radius:5px;
	font-size:14px;
	color:#444;
	line-height:24px;
	margin-top:5px;
	padding:5px 10px;
}
.profile_content td .sheb{
	display:inline;
	list-style:none;
}
.profile_content td .sheb li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	display:block;
	width:56px;
	height:56px;
	opacity:0.5;
}
.profile_content td .sheb li p{
	display:block;
	width:56px;
	border:1px #fff solid;
	border-radius:3px;
	text-align:center;
	color:#ff5050;
	cursor:pointer;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
}
.profile_content td .sheb li p img{
	display:block;
	width:24px;
	height:26px;
	margin:0 auto 3px;
}
.profile_content td .sheb li:hover p{
	border:1px #ff5050 solid;
}
/*.profile_content td .sheb li p b{
	background:url(../images/icon_sheb.png) no-repeat 0 0;
}
.profile_content td .sheb li p.sheb_01 b{
	background-position:0 0;	
}
.profile_content td .sheb li p.sheb_02 b{
	background-position:0 -50px;	
}
.profile_content td .sheb li p.sheb_03 b{
	background-position:0 -100px;	
}
.profile_content td .sheb li p.sheb_04 b{
	background-position:0 -151px;	
}
.profile_content td .sheb li p.sheb_05 b{
	background-position:0 -200px;	
}*/
.profile_content td .sheb li:hover,
.profile_content td .sheb li.cur{
	opacity:1;
}
.profile_content td .sheb li.cur .cur_img{
	display:block;
}
.profile_content td .sheb li .cur_img{
	position:absolute;
	display:none;
	width:16px;
	height:16px;
	top:0;
	right:0;
	background:url(../images/icon_sheb.png) no-repeat -4px -258px;
}
.profile_content .profile_btn{
	margin:20px auto 50px;
	float:none;
}
.profile_content .profile_btn button{
	border-radius:0;
	padding:10px 0;
}
.profile_content .profile_logo{
	width:102px;
	height:102px;
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
}
.profile_content .profile_logo .thumbnail{
	margin:0;
	float:none;
}
.profile_content .profile_logo,
.profile_content #pickfiles_logo,
.profile_content #pickfiles_logo.cer_block .cer_show_wrap,
.profile_content #pickfiles_logo.cer_block .addcer,
.profile_content #pickfiles_logo .cer_block .addcer:before,
.profile_content #pickfiles_logo .cer_block .addcer:after,
.profile_content .profile_logo .gallery-box,
.profile_content .profile_logo img{
	border-radius:50%;
}
/* 收益信息 */
.fluis_header {
	overflow:hidden;
	margin-top:10px;
	background:#fff;
}
/*.fluis_header .fluis_header_left,
.fluis_header .fluis_header_right{
	background:#fff;
}*/

/*.fluis_header .fluis_header_left{
	float:left;
	width:65%;
	padding:20px;   
	overflow: hidden;
}*/
/*
.fluis_header .fluis_header_left table{
	width:100%;
}*/

.fluis_header table{
	width:100%;
}

.fluis_header th{
	min-width:30px;
	font-size:14px;
	color:#333;
	font-weight:100;
	text-align: left;
}

.fluis_header td{
	text-align:center;
	min-width:70px;
}

.fluis_header td.datepicker{
	width: 114px;
}

.fluis_header td{
	text-align:center;
	min-width:70px;
}
.fluis_header td select{
	margin-top:0;
}
.fluis_header th span{
	font-size:16px;
	display:block;
	margin:0 auto;
	text-align:center;
}
.fluis_header td{
	height:38px;
	line-height:38px;
}
.fluis_header td a.button{
	color:#ff5050;
	font-size:14px;
}
.fluis_header td button.btn-lg{
	padding:5px 10px 5px 10px;
	font-size:16px;
	float:left;
}
.fluis_header td .input_style_01{
	font-size:14px;
	color:#555;
	margin:0;
	width:100%;
	padding-right:0;
}
.fluis_header td .table_select{
	width:90%;
	float:left;
	border:1px #ddd solid;
	border-radius:5px;
}
.fluis_header .fluis_header_right{
	float:right;
	width:33%;
	padding:20px;
}
.fluis_header .fluis_header_right p{
	line-height:30px;
	font-size:14px;
	color:#333;
	padding:0;
	margin:0;
	height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.fluis_header .fluis_header_right p span{
	font-size:12px;
	color:#777;
}
.fluis_header .fluis_header_right p font{
	font-size:16px;
	color:#ff5050;
}
.fluis_header .fluis_header_right p strong{
	font-weight:100;
	font-size:16px;
}

.fluis_header.statistics{
	text-align: center;
	line-height: 26px;
	font-weight: 200;
}

.fluis_header.statistics h2{
	font-size: 20px;
	font-weight: bold;
}
.fluis_header.statistics span{
	color: #ff5050;
}


.fluis_content{
	background:#fff;
	margin-top:10px;
	padding-left:0;
	padding-right:0;
}
.fluis_content table th{
	background:#956060;
	color:#fff;
	text-align:left;
	padding:0 20px;
	font-weight:100;
	line-height:40px;
}
.fluis_content table td{
	padding:0 10px;
	font-size:14px;
	color:#555;
	line-height:40px;
}
.fluis_content table tbody tr:hover td{
	background:#ffecec;
}
.fluis_content table td a{
	color:#956060;
}
.fluis_content table td span.douz{
	background: transparent url("../images/sg_point.png") no-repeat scroll left center;
	display: inline-block;
	padding: 4px 0px 4px 25px;
}
.fluis_content table td s{
	font-size:12px;
	color:#999;
	text-decoration:none;
}
.fluis_content table td font.red{
	color:#ff5050;
}
.fluis_content table td font.green{
	color:#57C15A;
}
/* 学员列表详情 */
#popupBox.receiptsBox{
	width:76%;
	background:#f2f2f2;
	left:12%;
	border:0;
	padding:0;
}
.receiptsBox .shut{
	display:block;
	background:url(../images/X.png) no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}
.receipts_header{
	background:#fff;
	padding:5px 20px;
	font-size:14px;
	color:#666;
	line-height:28px;
	overflow:hidden;
	margin-bottom:15px;
}
.receipts_header span{
	font-size:14px;	
	color:#222;
}
.receipts_header span.douz{
	background: transparent url("../images/sg_point.png") no-repeat scroll left center;
	display: inline-block;
	padding: 4px 0px 4px 25px;
}
.receipts_header s{
	font-size:12px;
	color:#666;
	text-decoration:none;
}
.receipts_content{
	background:#fff;
}
.receipts_content .table th{
	background:#956060;
	line-height:30px;
	color:#fff;
	border:0;
	text-align: left;
}
.receipts_content .table td{
	color:#444;
	font-size:14px;
	border-bottom:1px #ddd solid;
	line-height:20px;
	vertical-align:middle;
}
.receipts_content .table tbody{
	overflow:auto;
}
.receipts_content .table td span.verified{
	font-size:18px;
	color:#ff5050;
	font-family:"微软雅黑";
}


/*视线集中到弹出框*/
.focus_box .confirm_header{
	opacity:0.2;
	background-color: red;
}
.focus_box .confirm_box{
	border: 1px solid red;
}

.focus_box .header{
	opacity:0.2;
	background-color: red;
}

.side_form{
	position:fixed;
	background-color:white;
	top:0px;
	right:-134%;
	height:100%;
	padding:0;
	/*border:1px solid red;*/
	z-index: 1410;
	transition: right ease-in 400ms,background-color 200ms;
}

.side_form .header{
	height: 7%;
	text-align: center;
	border-bottom:1px #ddd solid;
	margin-bottom:1%;
}
.side_form .header h2{
	font-size:18px;
}
.side_form .content{
	height: 92%;
	overflow-x:hidden;
	overflow-y:auto; 
}
.side_form .content .position_rela{
	position:relative;
	min-height:98%;
	height:auto;
	padding-bottom:100px;
}
.side_form .content .fixed_bottom_btn{
	position: absolute;
	bottom:0;
	height:60px;
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom:25px;
}
.side_form .fixed_bottom_btn .btn{
	width:45%;
	margin:0 2.5%;
	border:1px #ddd solid;
	float:left;
	height:50px;
	border-radius:0;
}
.side_form .operate{
	margin-left:0;
	mwrgin-right:0;
}

.side_form.show{
	right: 0px;
}
.side_form .btn-group{
	margin:10px auto;
	padding:0;
	float:none;
	display:block;
	text-align:center;
	border:1px #ddd solid;
	border-radius:5px;
	overflow:hidden;
}
.side_form .btn-group .btn{
	border:0;
	padding-left:0;
	padding-right:0;
	text-align:center;
}
.side_form .btn-group .btn.col-md-4{
	margin-left:0;
}
.side_form .btn-group .btn.btn-default.focus, .btn-default:focus{
	color:#fff;
}
.side_form .btn-group .btn:hover{
	background-color:#fc9d9d;
}
.side_form .btn-group .btn.ac{
	background-color:#ff5050;
}
.side_form .position_rela .tran_table{
	width:92%;
	margin-left:5%;
}
.side_form .position_rela .tran_table th{
	text-align:left;
	line-height:40px;
	vertical-align:middle;
	padding:0;
}
.side_form .position_rela .tran_table td{
	line-height:40px;
	padding:0;
	overflow:hidden;
}
.side_form .position_rela .tran_table td .thumbnail{
	margin-left:0;
	margin-right:12px;
}
.btn-group button.btn-default:hover{
	background-color: #E50011;
	color: white;
}
button.ac,button.ac:hover{
	background-color: #E50011;
	color: white;
}


.table tr.selected_tr{
	background-color: #C2E2EC;
}

.tr_cursor{
	cursor: pointer;
}


#popupBox{
	width: 60%;
	height:70%;
	left:30%;
	top:15%;
	position:fixed;
	z-index:1410;
	padding:5px;
	background-color: white;
	border:1px solid black;
}

/*2015.12.15*/
.popupLessonEditBox{
	width: 50%;
	height:80%;
	left:25%;
	top:10%;
	position:fixed;
	z-index:1410;
	/*padding:5px;*/
	background-color: white;
	/*border:1px solid black;*/
}

.popupLessonEditBox .header{
	background: #956060;
	text-align: center;
	height: 8%;
}
.popupLessonEditBox .header .title{
	font-size: 20px;
    display: block;
    position: absolute;
    top: 2%;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    color: #FFFFFF;
}

.popupLessonEditBox .header .btn-close{
	position: absolute;
	top:2%;
	right: 1%;
	color: cornflowerblue;
	cursor: pointer;
}

.popupLessonEditBox .header .btn-close:hover{
	color: dodgerblue;
	font-weight: bold;
}


.popupLessonEditBox .content{
	padding: 5px 2em;
	height: 84%;
	overflow-y: auto;
}


.popupLessonEditBox .op{
	position: relative;
	cursor: pointer;
	background:#FF5050;
	height: 8%;
}

.popupLessonEditBox .op:hover{
	background: #ac2925;
}

.popupLessonEditBox .op .title{
	font-size: 20px;
    display: block;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    color: #FFFFFF;
}






.sf_checkbox{
	float:left;
	margin-right:5px;
	margin-bottom:3px;
	display: block;
	width: 100px;
	height:30px;
	border: 1px solid red;
}

.sf_checkbox.ck{
	background-color: green;
}


.sign{
	width: 20%;
    text-align: center;
    position: fixed;
    top: 20%;
    left: 40%;
    background: white;
    line-height: 26px;
    z-index: 1410;
    box-shadow: 10px 10px 5px #888888;
    /*border: 1px solid wheat;*/
}

.sign .shut{
	display: block;
    background: url(../images/X.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.sign div{
	padding: 10px;
}

.sign-header{
	background: #956060;
	color:#F0F4F4;
	font-size: 20px;
	font-weight: 300;
}

.sign-content{
	margin: 10px 0 30px 0;
}

.sign-bottom{
	background: #F16158;
	cursor: pointer;
}
.sign-bottom span{
	color: white;
}

/*复写bootstr自带样式*/
.table-firstpage > thead > tr > th, .table-firstpage > tbody > tr > th, .table-firstpage > tfoot > tr > th, .table-firstpage > thead > tr > td, .table-firstpage > tbody > tr > td, .table-firstpage > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}


